<!DOCTYPE html>
<html>
    <head>
        <title>$ $ $</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <script src="../node_modules/_vue@2.6.14@vue/dist/vue.min.js"></script>
    </head>
    <body>
         <div id="doeo">
             <!-- html的属性插变量使用v-bind -->
           <a v-bind:href="ahref">{{text}}</a>
           <a :href="ahref">{{text}}</a>

           <!-- 简写 -->
         </div>
    </body>
    <script>
      new Vue({
          data:{
              text:"点我跳转",
              ahref:"http://ww.baidu.com"
          },
          el:"#doeo"
      })

    </script>
</html>